<div class="modal" >


  <ion-header-bar class="bar bar-header home-bar-bg item item-button-left" >
    <!--<div class="item-button-left">-->
      <button style="color: #fff;"
              class="button  button-clear no-animation ion-android-arrow-back"
              ng-click="closeParkShow()">
      </button>
    <!--</div>-->
    <h2 class="title" style="color: white;align-content: center">附近停车场</h2>
      <!--<button  class="button button-clear no-animation ion-chevron-down" ng-click="closeParkShow()">-->
      <!--</button>-->

  </ion-header-bar>

  <ion-content has-header="true">
    <div class="row" style="background-color: #E8EcF7 ">
      <a class=" button   button-icon icon ion-cash " id="priceBtn" style="color: #1E3DA1;left: 5%;width: 40%"  ng-click="sortByPrice()">&nbsp;&nbsp;费用最低</a>
      <a class=" button  button-icon icon   ion-model-s" id="distanceBtn" style="color: #1E3DA1;width: 40%;left: 10%;" ng-click="sortByDistance()" >&nbsp;&nbsp;距离最近</a>
    </div>
    <div class="list"   >
      <div class="item item-button-right"  ng-repeat="x in NearPark.Filter.Parks track by $index" >

          <div ng-click="showParkDesc(x)">
            <p>  <h2  style="color: #1EA18B" >{{x.name}}</h2></p>
            <p>地址：{{x.address}}</p>
            <p>距离：{{x.distance}} 英里</p>
            <p>费用：{{x.priceShow}}</p>
          </div>

        <button class="button button-positive" style="background-color: #1EA18B" ng-click="directPark(x)">
          <i class="icon ion-ios-paperplane"></i>
        </button>
      </div>



    </div>
  </ion-content>
</div>

